<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="css/bootstrap.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="css/comm.css">
	<link rel="stylesheet" href="css/details.css">
	<title>Document</title>
</head>
<body>
	<!-- head -->
	<thead>
		<iframe class="my_header" src="header.html" scrolling="no"></iframe>
	</thead>
	
	<!-- 容器 -->
	<div class ="container">
		
		<!-- 面包屑导航 -->
		<ul class="breadcrumb mt-2 bg-transparent">
			<li class="breadcrumb-item">
				<a class="text-muted text_small" href="">首页</a>
			</li>
			<li class="breadcrumb-item">
				<a class="text-muted text_small" href="">学习用品</a>
			</li>
			<li class="breadcrumb-item">
				<a class="text-muted text_small" href="">笔记本电脑</a>
			</li>
			<li class="breadcrumb-item">
				<a class="text-muted text_small" href="">AppleMac</a>
			</li>
		</ul>
		
		<!-- 主体 -->
		<div class="row mx-0">
			
			<!-- 左 -->
			<div class="col-lg-6 col-sm-12">
				<!-- 视图 -->
				<img class="w-100" src="img/products/57b12a31N8f4f75a3.jpeg" >
				<!-- 小图 -->
				<ul class="mt-2 list-unstyled d-flex justify-content-start my_img1">
					<li><img src="img/products/57b12a31N8f4f75a3.jpeg" ></li>
					<li><img src="img/products/57b12a31N8f4f75a3.jpeg" ></li>
					<li><img src="img/products/57b12a31N8f4f75a3.jpeg" ></li>
				</ul>
			</div>
			
			
			<!-- 右 -->
			<div class="col-lg-6 col-sm-12">
				<!-- 1 -->
				<h4>Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</h4>
				
				<h6><a class="text-dark text_small font-weight-bold" href="">5月焕新季，领券买新机！神券满6000减600！一体成型金属机身，纤薄轻巧，长达12小时续航</a></h6>
				<!-- 2 -->
				<div class="alert alert-secondary text-muted text_small">
					<span>学员售价：</span>
					<h3 class="text-primary d-inline-block mb-0">￥6988.00</h3>
					<div>服务承诺：*退货补运费 *30天无忧退货 *48小时快速退款 *72小时发货</div>
				</div>
				<!-- 3 -->
				<div class="d-flex align-content-center">
					<p class="mb-0">客服：</p>
					<a class="text_small text-dark" href="">
						联系客服
						<img class="mb-3" src="img/detail/kefuf.gif" >
					</a>
				</div>
				
				<!-- 4 -->
				<div class="d-flex">
					<div class="w-25">规格：</div>
					<div class="d-flex flex-wrap">
						<a class="btn btn-outline-primary" href="">双核i5/8GB内存</a>
						<a class="btn btn-outline-primary" href="">闪存双核i5/8GB内存</a>
						<a class="btn btn-outline-primary" href="">定制款：双核i7/8G内存</a>
						<a class="btn btn-outline-primary" href="">定制款：双核i7/8G内存/256G闪存</a>
					</div>
				</div>
				
				
			</div>
		</div>
		
		
		
	</div>
	
	<!-- foot -->
	<tfoot>
		<iframe class="my_footer" src="footer.html" scrolling="no"></iframe>
	</tfoot>
</body>
</html>